<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>表格</title>
</head>
<body>
    <b>设置内容的水平对齐方式</b>
    <h1 align="center">信息表</h1>
    <table border="2px" bgcolor="pink" align="center" width="550px" height="150px">
        <tr>
            <td rowspan="6">美女</td>
        </tr>
        <tr bgcolor="red" align="center" valign="top">
            <td>姓名</td>
            <td>年龄</td>
            <td>性别</td>
        </tr>
        <tr bgcolor="green" align = "center" valign="middle">
            <td bgcolor="orange" align="center" valign="bottom" rowspan="4">迪丽热巴</td>
            <td>25</td>
            <td>女</td>
        </tr >
        <tr bgcolor="green" align="center" valign="bottom">
            <!-- <td>李小璐</td> -->
            <td>30</td>
            <td>女</td>
        </tr>
        <tr bgcolor = "pink" align="center" valign = "top">
            <!-- <td>柳岩</td> -->
            <td>36D</td>
            <td>女</td>
        </tr>
        <td colspan="3" align="center" width="50px" height="20px">

        </tr>
    </table>
    <hr>
    <table border = "1px" cellspacing="20px" cellpadding="20px">
        <tr>
            <td rowspan="3">

            </td>

        </tr>
            <tr>
                <td>李小璐</td>
                <td>30</td>
                <td>女</td>
            </tr>
            <tr>
                <td>柳岩</td>
                <td>36D</td>
                <td>女</td>
            </tr>
            <tr>
                <td colspan="3" align="center">colspan 跨列合并</td>
            </tr>
    </table>

</body>
</html>